
<script src="/static/plugins/ckeditor/ckeditor.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<textarea id="TextArea1" cols="20" rows="2" class="ckeditor"></textarea>
<div class="modal fade" id="hjliWin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="margin-top: 100px;">
        <div class="panel panel-default" style="height:300px;">
        <!-- Default panel contents -->
        <div class="panel-heading" style="50px;">
            <span>添加图片</span>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                &times;
            </button>
        </div>
        <div class="panel-body" style="height:200px;">
        <iframe id="dropzoneframe" src="/upload/imgPage" style="width:100%; height:100%; border:0px;">
        	
        </iframe>
     
        </div>

        <div class="panel-footer clearfix" style="height:50px;">
            <div class="pull-right ">
                <button type="button" class="btn btn-success" id="addEditorPicBtn">确认</button>
                 <button type="button" class="btn btn-default"  data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
    </div>
</div>
<script type="text/javascript">
    CKEDITOR.replace( 'TextArea1',
         {
             toolbar :
             [
               ['Bold','Italic','Underline','Strike'],

               ['img','NumberedList','BulletedList','-','Outdent','Indent'],
               ['TextColor','BGColor','Maximize'],
             ], 
            height:200,
           extraPlugins:"img"  
            
         }
    );
</script>